<template>
  <div>
    <zm-form>
      <zm-form-item label="选择影院：">
        <zm-button
          v-if="offlineRule.relationType === '1'"
          type="text"
          @click="
            onLookCinemaName(offlineRule.relationId, offlineRule.relationName)
          "
        >
          {{ offlineRule.relationName }}
        </zm-button>
        <span v-else>{{ offlineRule.relationName }}</span>
      </zm-form-item>
      <zm-form-item label="是否限制使用时间：">
        {{ offlineRule.isLimitUseTime === "0" ? "不限制" : "限制" }}
        <div v-if="+offlineRule.isLimitUseTime === 1">
          {{ offlineRule.useStartTime }} 至 {{ offlineRule.useEndTime }}
        </div>
      </zm-form-item>
    </zm-form>
    <!-- 查看影院 -->
    <look-cinema
      v-if="paramsObj.visible"
      v-model="paramsObj.visible"
      :obj="paramsObj.obj"
    ></look-cinema>
  </div>
</template>

<script>
import useRuleMixin from '../useRuleMixin'
import tableMixin from '@/mixins/zmTableMixin'
export default {
  name: 'SellOfflineDetail',
  components: {},
  mixins: [tableMixin, useRuleMixin],
  inject: ['$detail'],
  data () {
    return {}
  },
  computed: {
    offlineRule () {
      return this.$detail.infoData.offlineRule[0]
    }
  },
  watch: {},
  created () {},
  methods: {}
}
</script>

<style scoped lang='scss'>
</style>
